<template>
  <div id="huadong">
    <div>
      <figure>
        <router-link to="/New"
          ><img src="../../assets/xinfang.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>新房</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/ershoufang.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>二手房</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/zufang.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>租房</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/xiezilou.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>商铺写字楼</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/fangdong.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>我是房东</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/zhuangxiu.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption @click="zx">装修建材</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/zhaoxiaoqu.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>找小区</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/haiwai.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>海外地产</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/daikuan.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>抵押贷款</figcaption>
    </div>
    <div>
      <figure>
        <router-link to="/"
          ><img src="../../assets/mianfei.jpg" alt=""
        /></router-link>
      </figure>
      <figcaption>免费看房</figcaption>
    </div>
  </div>
</template>

<script>
export default {
  name: "Sudoku",
  methods: {
    zx() {
      this.$router.push("/zhuangxiu");
    },
  },
};
</script>

<style scoped>
#huadong {
  height: 1.44rem;
  margin-top: 0.3rem;
  display: flex;
  padding: 0 0.18rem;
  flex-wrap: wrap;
  justify-content: space-between;
}
#huadong div {
  flex-shrink: 0;
  width: 20%;
  font-size: 0.12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 0.6rem;
}
</style>
